$(function() {
    var header = $('header');
    var toTop = $('#toTop');
    toTop.click(function() {
        $(document).scrollTop(0)
    })
    $(document).on('scroll', function() {
        scroll = $(document).scrollTop();
        if (scroll > 60) {
            header.css('opacity', 0.85)
        } else {
            header.css('opacity', 1)
        }

        if (scroll > 500) {
            toTop.css('opacity', 1)
        } else {
            toTop.css('opacity', 0)
        }

    })
})